*{
    padding:0;
    margin:0;
}
body{
    width:100%;
    height:1660px;
    /*background-color: pink;*/
}
/*主要内容大容器*/
.content{
    padding-top:10px;
    width:100%;
    height:100%;
    background-color: #ECE9EA;
}
strong{
    margin-top:50px;
    margin-left:10px;
    color:darkslategray;
    font-family: '微软雅黑';
}
/*打开网页后首先显示的页面*/
.first_page{
    width:100%;
    height:100%;
    background-image: url("images/firstPage.jpg");
    background-size: cover;
    z-index:100;
    text-align: center;
    display:none;
    /*vertical-align:middle;*/
}
/*拼图按钮*/
.pinTu{
    width:288px;
    height:148px;
    background-color: #77DA60;
    display:inline-block;
    margin-top:197px;
    border-radius:0.3em;
    box-shadow: 1px 0 0 #75BD5F, /*左边阴影*/
    0 1px 0 #75BD5F, /*顶部阴影*/
    0 1px 0 #75BD5F, /*底部阴影*/
    1px 0 0 #75BD5F; /*右边阴影*/
    cursor: pointer;
}
.pinTu img{
    margin-top:40px;
    margin-left:-30px;
}
.pinTu span{
    font-family: '微软雅黑';
    display: inline-block;
    font-size: 35px;
    font-weight: bold;
    margin-left:20px;
    vertical-align:top;
    margin-top:46px;
    color:white;
}

.image_1{
    width:100px;
    height:100px;
    background-color: white;
    float:left;
    margin-left:10px;
    margin-top:10px;
    border:2px solid #0493D9;
    padding: 3px;
    cursor:pointer;
    /*outline:2px solid #0f97d9;*/
}
.image_1:hover{
    border:2px solid #52bbd9;
}
.one{
    width:100px;
    height:100px;
    background-color: pink;
}
.image_2,.image_3,.image_4,.image_5,.image_6{
    width:100px;
    height:100px;
    background-color: white;
    float:left;
    margin-left:10px;
    margin-top:10px;
    position:relative;
    padding: 3px;
    cursor:pointer;
}
.left{
    width:100px;
    height:100px;
    background-color: #55C2ED;
    float:left;
    -webkit-clip-path:polygon(67px 0, 100px 0, 100px 100px,34px 100px);
}
.right{
    width:100px;
    height:100px;
    background-color: pink;
    -webkit-clip-path:polygon(0px 0, 64px 0, 31px 100px,0px 100px);
}

.left1,.right1,.right2{
    width:100px;
    height:100px;
    position:absolute;
    /*float:left;*/
}
.left1{
    background-color: pink;
    -webkit-clip-path:polygon(0px 0px, 48.5px 0, 48.5px 100px,0px 100px);
}
.right1{
    background-color: #A3D9F9;
    -webkit-clip-path:polygon(51.5px 0px,100px 0px,100px 48.5px,51.5px 48.5px);
}
.right2{
    background-color: #76CABB;
    -webkit-clip-path:polygon(51.5px 51.5px,100px 51.5px,100px 100px,51.5px 100px);
}
.top_left,.top_right,.bottom_left,.bottom_right{
    width:100px;
    height:100px;
    position:absolute;
}
.top_left{
    background-color: pink;
    -webkit-clip-path:polygon(0px 0px, 48.5px 0, 48.5px 48.5px,0px 48.5px);
}
.top_right{
    background-color: #A3D9F9;
    -webkit-clip-path:polygon(51.5px 0px,100px 0px,100px 48.5px,51.5px 48.5px);
}
.bottom_left{
    background-color: #FFDD77;
    -webkit-clip-path:polygon(0px 51.5px,48.5px 51.5px,48.5px 100px,0px 100px);
}
.bottom_right{
    background-color: #76CABB;
    -webkit-clip-path:polygon(51.5px 51.5px,100px 51.5px,100px 100px,51.5px 100px);
}
.five1,.five2,.five3,.five4,.five5{
    width:100px;
    height:100px;
    position:absolute;
}
.five1,.six1{
    background-color: pink;
    -webkit-clip-path:polygon(0 0,64.7px 0, 64.7px 64.7px, 0 64.7px);
}
.five2,.six2{
    background-color:#76CABB;
    -webkit-clip-path:polygon(67.7px 0,100px 0px,100px 32.3px,67.7px 32.3px);
}
.five3{
    background-color:#FFDB71;
    -webkit-clip-path:polygon(67.7px 35.3px,100px 35.3px,100px 100px,67.7px 100px);
}
.five4,.six3{
    background-color:#009DE8;
    -webkit-clip-path:polygon(0px 67.7px,30.85px 67.7px,30.85px 100px,0px 100px);
}
.five5,.six4{
    background-color: #B6D172;
    -webkit-clip-path:polygon(33.85px 67.7px,64.7px 67.7px,64.7px 100px,33.85px 100px)
}
.six1,.six2,.six3,.six4,.six5,.six6{
    width:100px;
    height:100px;
    position:absolute;
}
.six5{
    background-color:#A5D0FA;
    -webkit-clip-path:polygon(67.7px 35.3px,100px 35.3px,100px 64.7px,67.7px 64.7px)
}
.six6{
    background-color:#55C2ED;
    -webkit-clip-path:polygon(67.7px 67.7px,100px 67.7px,100px 100px,67.7px 100px);
}
.MB:hover{
    border:2px solid #52bbd9;
}
.image_show{
    width:1000px;
    height:1000px;
    background-color: lightyellow;
    /*float:left;*/
    text-align: center;
    margin:0 auto;
    margin-top:130px;
    padding:7px;
    position: relative;
}
.image{
    width:1000px;
    height:1000px;
    position: absolute;
    background-size: 100% 100%;

}
.imageOne{
    background-image: url(images/0.jpg);
}
.imageTwo_1{
    -webkit-clip-path:polygon(0% 0%,66% 0%,33% 100%,0% 100%);
    background-image:url(images/2.jpg);
}
.imageTwo_2{
    -webkit-clip-path:polygon(66% 0%,100% 0%,100% 100%,33% 100%);
    background-image:url(images/1.jpg);
}
.imageThree1{
    -webkit-clip-path:polygon(0% 0%,50% 0%,50% 100%,0% 100%);
    background-image:url(images/3.jpg);
}
.imageThree2{
    -webkit-clip-path:polygon(50% 0%,100% 0%,100% 50%,50% 50%);
    background-image:url(images/4.jpg);
}
.imageThree3{
    -webkit-clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%);
    background-image:url(images/5.jpg);
}
.imageFour1{
    -webkit-clip-path:polygon(0% 0%,50% 0%,50% 50%,0% 50%);
    background-image:url(images/9.jpg);
}
.imageFour2{
    -webkit-clip-path:polygon(50% 0%,100% 0%,100% 50%,50% 100%);
    background-image:url(images/6.jpg);
}
.imageFour3{
    -webkit-clip-path:polygon(0% 50%,50% 50%,50% 100%,0% 100%);
    background-image:url(images/7.jpg);
}
.imageFour4{
    -webkit-clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%);
    background-image:url(images/8.jpg);
}
.imageFive1{
    -webkit-clip-path:polygon(0% 0%,66% 0%,66% 66%,0% 66%);
    background-image:url(images/1.jpg);
}
.imageFive2{
    -webkit-clip-path:polygon(66% 0%,100% 0%,100% 33%,66% 33%);
    background-image:url(images/2.jpg);
}
.imageFive3{
    -webkit-clip-path:polygon(0% 66%,33% 66%,66% 100%,0% 100%);
    background-image:url(images/3.jpg);
}
.imageFive4{
    -webkit-clip-path:polygon(33% 66%,66% 66%,66% 100%,33% 100%);
    background-image:url(images/4.jpg);
}
.imageFive5{
    -webkit-clip-path:polygon(66% 33%,100% 33%,100% 100%,66% 100%);
    background-image:url(images/5.jpg);
}
.imageSix1{
    -webkit-clip-path:polygon(0% 0%,66% 0%,66% 66%,0% 66%);
    background-image:url(images/6.jpg);
}
.imageSix2{
    -webkit-clip-path:polygon(66% 0%,100% 0%,100% 33%,66% 33%);
    background-image:url(images/7.jpg);
}
.imageSix3{
    -webkit-clip-path:polygon(66% 33%,100% 33%,100% 66%,66% 66%);
    background-image:url(images/8.jpg);
}
.imageSix4{
    -webkit-clip-path:polygon(0% 66%,33% 66%,66% 100%,0% 100%);
    background-image:url(images/9.jpg);
}
.imageSix5{
    -webkit-clip-path:polygon(33% 66%,66% 66%,66% 100%,33% 100%);
    background-image:url(images/flowers.jpg);
}
.imageSix6{
    -webkit-clip-path:polygon(66% 66%,100% 66%,100% 100%,66% 100%);
    background-image:url(images/0.jpg);
}